﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Home</title>
  <!-- Bootstrap Styles-->
  <!--<link href="assets/css/bootstrap.css" rel="stylesheet" />-->
  <link rel="stylesheet" type="text/css" th:href="@{/static/assets/css/bootstrap.css}"/>
  <!-- FontAwesome Styles-->
  <!-- <link href="assets/css/font-awesome.css" rel="stylesheet" />-->
  <link rel="stylesheet" type="text/css" th:href="@{/static/assets/css/font-awesome.css}"/>
  <!-- Morris Chart Styles-->
  <!-- <link href="assets/js/morris/morris-0.4.3.min.css" rel="stylesheet" />-->
  <link rel="stylesheet" type="text/css" th:href="@{/static/assets/js/morris/morris-0.4.3.min.css}"/>
  <!-- Custom Styles-->
  <!--<link href="assets/css/custom-styles.css" rel="stylesheet" />-->
  <link rel="stylesheet" type="text/css" th:href="@{/static/assets/css/custom-styles.css}"/>
  <!-- Google Fonts-->
  <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'/>

</head>

<body>
<div id="wrapper">
  <nav class="navbar navbar-default top-navbar" role="navigation">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse"
              data-target=".sidebar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="index.do"><i class="fa fa-gear"></i>
        <strong>后台管理系统</strong></a>
    </div>

    <ul class="nav navbar-top-links navbar-right">
      <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
          <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
        </a>
        <ul class="dropdown-menu dropdown-messages">
          <li>
            <a href="#">
              <div>
                <strong>John Doe</strong>
                <span class="pull-right text-muted">
                                        <em>Today</em>
                                    </span>
              </div>
              <div>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s...
              </div>
            </a>
          </li>
          <li class="divider"></li>
          <li>
            <a href="#">
              <div>
                <strong>John Smith</strong>
                <span class="pull-right text-muted">
                                        <em>Yesterday</em>
                                    </span>
              </div>
              <div>Lorem Ipsum has been the industry's standard dummy text ever since an kwilnw...
              </div>
            </a>
          </li>
          <li class="divider"></li>
          <li>
            <a href="#">
              <div>
                <strong>John Smith</strong>
                <span class="pull-right text-muted">
                                        <em>Yesterday</em>
                                    </span>
              </div>
              <div>Lorem Ipsum has been the industry's standard dummy text ever since the...</div>
            </a>
          </li>
          <li class="divider"></li>
          <li>
            <a class="text-center" href="#">
              <strong>Read All Messages</strong>
              <i class="fa fa-angle-right"></i>
            </a>
          </li>
        </ul>
        <!-- /.dropdown-messages -->
      </li>
      <!-- /.dropdown -->
      <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
          <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
        </a>
        <ul class="dropdown-menu dropdown-tasks">
          <li>
            <a href="#">
              <div>
                <p>
                  <strong>Task 1</strong>
                  <span class="pull-right text-muted">60% Complete</span>
                </p>
                <div class="progress progress-striped active">
                  <div class="progress-bar progress-bar-success" role="progressbar"
                       aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
                    <span class="sr-only">60% Complete (success)</span>
                  </div>
                </div>
              </div>
            </a>
          </li>
          <li class="divider"></li>
          <li>
            <a href="#">
              <div>
                <p>
                  <strong>Task 2</strong>
                  <span class="pull-right text-muted">28% Complete</span>
                </p>
                <div class="progress progress-striped active">
                  <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="28"
                       aria-valuemin="0" aria-valuemax="100" style="width: 28%">
                    <span class="sr-only">28% Complete</span>
                  </div>
                </div>
              </div>
            </a>
          </li>
          <li class="divider"></li>
          <li>
            <a href="#">
              <div>
                <p>
                  <strong>Task 3</strong>
                  <span class="pull-right text-muted">60% Complete</span>
                </p>
                <div class="progress progress-striped active">
                  <div class="progress-bar progress-bar-warning" role="progressbar"
                       aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
                    <span class="sr-only">60% Complete (warning)</span>
                  </div>
                </div>
              </div>
            </a>
          </li>
          <li class="divider"></li>
          <li>
            <a href="#">
              <div>
                <p>
                  <strong>Task 4</strong>
                  <span class="pull-right text-muted">85% Complete</span>
                </p>
                <div class="progress progress-striped active">
                  <div class="progress-bar progress-bar-danger" role="progressbar"
                       aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 85%">
                    <span class="sr-only">85% Complete (danger)</span>
                  </div>
                </div>
              </div>
            </a>
          </li>
          <li class="divider"></li>
          <li>
            <a class="text-center" href="#">
              <strong>See All Tasks</strong>
              <i class="fa fa-angle-right"></i>
            </a>
          </li>
        </ul>
        <!-- /.dropdown-tasks -->
      </li>
      <!-- /.dropdown -->
      <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
          <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
        </a>
        <ul class="dropdown-menu dropdown-alerts">
          <li>
            <a href="#">
              <div>
                <i class="fa fa-comment fa-fw"></i> New Comment
                <span class="pull-right text-muted small">4 min</span>
              </div>
            </a>
          </li>
          <li class="divider"></li>
          <li>
            <a href="#">
              <div>
                <i class="fa fa-twitter fa-fw"></i> 3 New Followers
                <span class="pull-right text-muted small">12 min</span>
              </div>
            </a>
          </li>
          <li class="divider"></li>
          <li>
            <a href="#">
              <div>
                <i class="fa fa-envelope fa-fw"></i> Message Sent
                <span class="pull-right text-muted small">4 min</span>
              </div>
            </a>
          </li>
          <li class="divider"></li>
          <li>
            <a href="#">
              <div>
                <i class="fa fa-tasks fa-fw"></i> New Task
                <span class="pull-right text-muted small">4 min</span>
              </div>
            </a>
          </li>
          <li class="divider"></li>
          <li>
            <a href="#">
              <div>
                <i class="fa fa-upload fa-fw"></i> Server Rebooted
                <span class="pull-right text-muted small">4 min</span>
              </div>
            </a>
          </li>
          <li class="divider"></li>
          <li>
            <a class="text-center" href="#">
              <strong>See All Alerts</strong>
              <i class="fa fa-angle-right"></i>
            </a>
          </li>
        </ul>
        <!-- /.dropdown-alerts -->
      </li>
      <!-- /.dropdown -->
      <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
          <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
        </a>
        <ul class="dropdown-menu dropdown-user">
          <!--<li><a href="/manage/user//to_register.do" id="register"><i class="fa fa-sign-out fa-fw"></i> 用户注册</a>
          </li>-->
          <li>
            <button type="button" id="btn_register">注册</button>
          </li>
          <li>
            <!--<a href="/manage/user//to_login.do" id="login"><i class="fa fa-sign-out fa-fw"></i> 用户登录</a>-->
            <button type="button" id="btn_login">登录</button>
          </li>
          <li><a href="#"><i class="fa fa-user fa-fw"></i>用户概况</a>
          </li>
          <li><a href="#"><i class="fa fa-gear fa-fw"></i> 用户设置</a>
          </li>
          <li class="divider"></li>
          <li>
            <!--<a href="/manage/user/do_logout.do"><i class="fa fa-sign-out fa-fw"></i> 退出登录</a>-->
            <button type="button" id="logout" class="btn btn-default">退出登录</button>
          </li>
        </ul>
        <!-- /.dropdown-user -->
      </li>
      <!-- /.dropdown -->
    </ul>
  </nav>
  <!--/. NAV TOP  -->
  <nav class="navbar-default navbar-side" role="navigation">
    <div id="sideNav" href=""><i class="fa fa-caret-right"></i></div>
    <div class="sidebar-collapse">
      <ul class="nav" id="main-menu">
        <li>
          <a  class="active-menu" href="index.do"><i class="fa fa-dashboard"></i> 概览</a>
        </li>
        <li>
          <a href="table.do" ><i class="fa fa-table"></i> 店铺管理</a>
        </li>

        <li>
          <a  href="/manage/buyer/to_list.do"><i class="fa fa-table"></i> 微客管理</a>
        </li>

        <li>
          <a href="/manage/task/to_list.do"><i class="fa fa-table"></i> 任务管理</a>
        </li>

        <li>
          <a href="/manage/money/to_list.do"><i class="fa fa-table"></i> 商家充值明细</a>
        </li>

        <li>
          <a href="/manage/message/to_message.do"><i class="fa fa-table"></i> 公告管理</a>
        </li>

        <li>
          <a  href="/manage/user/to_list.do"><i class="fa fa-table"></i> 用户管理</a>
        </li>
        <!--<li>
          <a href="ui-elements.do"><i class="fa fa-desktop"></i> UI图标</a>
        </li>
        <li>
          <a href="chart.do"><i class="fa fa-bar-chart-o"></i> 图形</a>
        </li>
        <li>
          <a href="tab-panel.do"><i class="fa fa-qrcode"></i> Tabs & Panels切换框</a>
        </li>

        <li>
          <a href="form.do"><i class="fa fa-edit"></i> Forms表单 </a>
        </li>-->


        <!--<li>
          <a href="#"><i class="fa fa-sitemap"></i> Multi-Level Dropdown<span
              class="fa arrow"></span></a>
          <ul class="nav nav-second-level">
            <li>
              <a href="#">Second Level Link</a>
            </li>
            <li>
              <a href="#">Second Level Link<span class="fa arrow"></span></a>
              <ul class="nav nav-third-level">
                <li>
                  <a href="#">Third Level Link</a>
                </li>
                <li>
                  <a href="#">Third Level Link</a>
                </li>
                <li>
                  <a href="#">Third Level Link</a>
                </li>

              </ul>

            </li>
          </ul>
        </li>
        <li>
          <a href="empty.html"><i class="fa fa-fw fa-file"></i> Empty Page</a>
        </li>-->
      </ul>
    </div>

  </nav>
  <!-- /. NAV SIDE  -->
  <div id="page-wrapper">
    <div id="page-inner">


      <div class="row">
        <div class="col-md-12">
          <h1 class="page-header">
            概览
            <!--<small>Summary of your App</small>-->
          </h1>
          <ol class="breadcrumb">
            <li><a href="#">Home</a></li>
            <li><a href="#">Library</a></li>
            <li class="active">Data</li>
          </ol>
        </div>
      </div>


      <!-- /. ROW  -->
      <div class="tlinks">Collect from <a href="http://www.cssmoban.com/">网页模板</a></div>

      <div class="row">
        <div class="col-md-3 col-sm-12 col-xs-12">
          <div class="panel panel-primary text-center no-boder bg-color-green green">
            <div class="panel-left pull-left green">
              <i class="fa fa-eye fa-5x"></i>

            </div>
            <div class="panel-right">
              <h3>8,457</h3>
              <strong> Daily Visits</strong>
            </div>
          </div>
        </div>
        <div class="col-md-3 col-sm-12 col-xs-12">
          <div class="panel panel-primary text-center no-boder bg-color-blue">
            <div class="panel-left pull-left blue">
              <i class="fa fa-shopping-cart fa-5x"></i>
            </div>

            <div class="panel-right">
              <h3>52,160 </h3>
              <strong> Sales</strong>

            </div>
          </div>
        </div>
        <div class="col-md-3 col-sm-12 col-xs-12">
          <div class="panel panel-primary text-center no-boder bg-color-red">
            <div class="panel-left pull-left red">
              <i class="fa fa fa-comments fa-5x"></i>

            </div>
            <div class="panel-right">
              <h3>15,823 </h3>
              <strong> Comments </strong>

            </div>
          </div>
        </div>
        <div class="col-md-3 col-sm-12 col-xs-12">
          <div class="panel panel-primary text-center no-boder bg-color-brown">
            <div class="panel-left pull-left brown">
              <i class="fa fa-users fa-5x"></i>

            </div>
            <div class="panel-right">
              <h3>36,752 </h3>
              <strong>No. of Visits</strong>

            </div>
          </div>
        </div>
      </div>

      <div class="row">
        <div class="col-md-5">
          <div class="panel panel-default">
            <div class="panel-heading">
              Area Chart
            </div>
            <div class="panel-body">
              <div id="morris-area-chart"></div>
            </div>
          </div>
        </div>

        <div class="col-md-7">
          <div class="panel panel-default">
            <div class="panel-heading">
              Line Chart
            </div>
            <div class="panel-body">
              <div id="morris-line-chart"></div>
            </div>
          </div>
        </div>

      </div>


      <div class="row">
        <div class="col-xs-6 col-md-3">
          <div class="panel panel-default">
            <div class="panel-body easypiechart-panel">
              <h4>Customers</h4>
              <div class="easypiechart" id="easypiechart-blue" data-percent="82"><span
                  class="percent">82%</span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-xs-6 col-md-3">
          <div class="panel panel-default">
            <div class="panel-body easypiechart-panel">
              <h4>Sales</h4>
              <div class="easypiechart" id="easypiechart-orange" data-percent="55"><span
                  class="percent">55%</span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-xs-6 col-md-3">
          <div class="panel panel-default">
            <div class="panel-body easypiechart-panel">
              <h4>Profits</h4>
              <div class="easypiechart" id="easypiechart-teal" data-percent="84"><span
                  class="percent">84%</span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-xs-6 col-md-3">
          <div class="panel panel-default">
            <div class="panel-body easypiechart-panel">
              <h4>No. of Visits</h4>
              <div class="easypiechart" id="easypiechart-red" data-percent="46"><span
                  class="percent">46%</span>
              </div>
            </div>
          </div>
        </div>
      </div><!--/.row-->


      <div class="row">
        <div class="col-md-9 col-sm-12 col-xs-12">
          <div class="panel panel-default">
            <div class="panel-heading">
              Bar Chart Example
            </div>
            <div class="panel-body">
              <div id="morris-bar-chart"></div>
            </div>
          </div>
        </div>
        <div class="col-md-3 col-sm-12 col-xs-12">
          <div class="panel panel-default">
            <div class="panel-heading">
              Donut Chart Example
            </div>
            <div class="panel-body">
              <div id="morris-donut-chart"></div>
            </div>
          </div>
        </div>

      </div>
      <div class="row">
        <div class="col-md-12">

        </div>
      </div>
      <!-- /. ROW  -->
      <!--注册弹框 start-->
      <div class="modal fade" id="myRegModal" tabindex="-1" role="dialog" aria-labelledby="myRegModalLabel">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title" id="myRegModalLabel">用户注册</h4>
            </div>
            <div class="modal-body">

              <div class="form-group">
                <label >用户名</label>
                <input type="text" name="username" class="form-control" id="username" placeholder="用户名">
              </div>
              <div class="form-group">
                <label >密码</label>
                <input type="text" name="password" class="form-control" id="password" placeholder="密码">
              </div>
              <div class="form-group">
                <label >手机号</label>
                <input type="text" name="mobile" class="form-control" id="mobile" placeholder="手机号">
              </div>
              <div class="form-group">
                <label >邮箱</label>
                <input type="text" name="email" class="form-control" id="email" placeholder="邮箱">
              </div>
            </div>
            <div class="modal-footer">
              <button type="button" id="btn_my_register" class="btn btn-primary" data-dismiss="modal"><span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span>注册</button>
              <button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span>关闭</button>
            </div>
          </div>
        </div>
      </div>
      <!--弹框 end-->

      <!--注册弹框 start-->
      <div class="modal fade" id="myLogModal" tabindex="-1" role="dialog" aria-labelledby="myLogModalLabel">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title" id="myLogModalLabel">用户登录</h4>
            </div>
            <div class="modal-body">

              <div class="form-group">
                <label >用户名</label>
                <input type="text" name="username" class="form-control" id="login_username" placeholder="用户名">
              </div>
              <div class="form-group">
                <label >密码</label>
                <input type="text" name="password" class="form-control" id="login_password" placeholder="密码">
              </div>
            </div>
            <div class="modal-footer">
              <button type="button" id="btn_my_login" class="btn btn-primary" data-dismiss="modal"><span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span>登录</button>
              <button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span>关闭</button>
            </div>
          </div>
        </div>
      </div>
      <!--弹框 end-->

      <div class="row">
        <div class="col-md-4 col-sm-12 col-xs-12">
          <div class="panel panel-default">
            <div class="panel-heading">
              Tasks Panel
            </div>
            <div class="panel-body">
              <div class="list-group">

                <a href="#" class="list-group-item">
                  <span class="badge">7 minutes ago</span>
                  <i class="fa fa-fw fa-comment"></i> Commented on a post
                </a>
                <a href="#" class="list-group-item">
                  <span class="badge">16 minutes ago</span>
                  <i class="fa fa-fw fa-truck"></i> Order 392 shipped
                </a>
                <a href="#" class="list-group-item">
                  <span class="badge">36 minutes ago</span>
                  <i class="fa fa-fw fa-globe"></i> Invoice 653 has paid
                </a>
                <a href="#" class="list-group-item">
                  <span class="badge">1 hour ago</span>
                  <i class="fa fa-fw fa-user"></i> A new user has been added
                </a>
                <a href="#" class="list-group-item">
                  <span class="badge">1.23 hour ago</span>
                  <i class="fa fa-fw fa-user"></i> A new user has added
                </a>
                <a href="#" class="list-group-item">
                  <span class="badge">yesterday</span>
                  <i class="fa fa-fw fa-globe"></i> Saved the world
                </a>
              </div>
              <div class="text-right">
                <a href="#">More Tasks <i class="fa fa-arrow-circle-right"></i></a>
              </div>
            </div>
          </div>

        </div>
        <div class="col-md-8 col-sm-12 col-xs-12">

          <div class="panel panel-default">
            <div class="panel-heading">
              Responsive Table Example
            </div>
            <div class="panel-body">
              <div class="table-responsive">
                <table class="table table-striped table-bordered table-hover">
                  <thead>
                  <tr>
                    <th>S No.</th>
                    <th>First Name</th>
                    <th>Last Name</th>
                    <th>User Name</th>
                    <th>Email ID.</th>
                  </tr>
                  </thead>
                  <tbody>
                  <tr>
                    <td>1</td>
                    <td>John</td>
                    <td>Doe</td>
                    <td>John15482</td>
                    <td>name@site.com</td>
                  </tr>
                  <tr>
                    <td>2</td>
                    <td>Kimsila</td>
                    <td>Marriye</td>
                    <td>Kim1425</td>
                    <td>name@site.com</td>
                  </tr>
                  <tr>
                    <td>3</td>
                    <td>Rossye</td>
                    <td>Nermal</td>
                    <td>Rossy1245</td>
                    <td>name@site.com</td>
                  </tr>
                  <tr>
                    <td>4</td>
                    <td>Richard</td>
                    <td>Orieal</td>
                    <td>Rich5685</td>
                    <td>name@site.com</td>
                  </tr>
                  <tr>
                    <td>5</td>
                    <td>Jacob</td>
                    <td>Hielsar</td>
                    <td>Jac4587</td>
                    <td>name@site.com</td>
                  </tr>
                  <tr>
                    <td>6</td>
                    <td>Wrapel</td>
                    <td>Dere</td>
                    <td>Wrap4585</td>
                    <td>name@site.com</td>
                  </tr>

                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>

      </div>
      <!-- /. ROW  -->


      <footer><p>Copyright &copy; 2016.Company name All rights reserved.More Templates <a
          href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a
          href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>


      </footer>
    </div>
    <!-- /. PAGE INNER  -->
  </div>
  <!-- /. PAGE WRAPPER  -->
</div>
<!-- /. WRAPPER  -->
<!-- JS Scripts-->
<!-- jQuery Js -->
<!--<script src="assets/js/jquery-1.10.2.js"></script>-->
<script type="text/javascript" th:src="@{/static/assets/js/jquery-1.10.2.js}"></script>
<!-- Bootstrap Js -->
<script type="text/javascript" th:src="@{/static/assets/js/bootstrap.min.js}"></script>
<!--<script src="assets/js/bootstrap.min.js"></script>-->

<!-- Metis Menu Js -->
<script type="text/javascript" th:src="@{/static/assets/js/jquery.metisMenu.js}"></script>
<!--<script src="assets/js/jquery.metisMenu.js"></script>-->
<!-- Morris Chart Js -->
<script type="text/javascript" th:src="@{/static/assets/js/morris/raphael-2.1.0.min.js}"></script>
<!--<script src="assets/js/morris/raphael-2.1.0.min.js"></script>-->
<script type="text/javascript" th:src="@{/static/assets/js/morris/morris.js}"></script>
<!--<script src="assets/js/morris/morris.js"></script>-->


<!--<script src="assets/js/easypiechart.js"></script>-->
<script type="text/javascript" th:src="@{/static/assets/js/easypiechart.js}"></script>
<!--<script src="assets/js/easypiechart-data.js"></script>-->
<script type="text/javascript" th:src="@{/static/assets/js/easypiechart-data.js}"></script>

<!--<script src="assets/js/Lightweight-Chart/jquery.chart.js"></script>-->
<script type="text/javascript" th:src="@{/static/assets/js/Lightweight-Chart/jquery.chart.js}"></script>

<!-- Custom Js -->
<!--<script src="assets/js/custom-scripts.js"></script>-->
<script type="text/javascript" th:src="@{/static/assets/js/custom-scripts.js}"></script>
<script>
  //注册新增按钮的事件
   $("#btn_register").click(function () {
        $("#myRegModalLabel").text("注册");
      $('#myRegModal').modal();
    });

  //注册新增按钮的事件
  $("#btn_login").click(function () {
    $("#myLogModalLabel").text("登录");
    $('#myLogModal').modal();
  });
</script>

<script type="text/javascript">
  $(function () {
    var $btn = $("#btn_my_register");
    $btn.on(
        "click", function () {
          $.ajax({
            url: "../manage/user/register.do",
            data: {
              "username": $("#username").val(),
              "password": $("#password").val(),
              "mobile": $("#mobile").val(),
              "email": $("#email").val()
            },
            dataType: "json",
            type: "post",
            success: function (data) {
              if (data.success == true) {
                alert(data.msg)
              } else {
                alert(data.msg)
              }
            }
          })
        })
  });

  $(function () {
    var $btn = $("#btn_my_login");
    $btn.on(
        "click", function () {
          $.ajax({
            url: "../manage/user/do_login.do",
            data: {
              "username": $("#login_username").val(),
              "password": $("#login_password").val()
            },
            dataType: "json",
            type: "post",
            success: function (data) {
              if (data.success == true) {
                alert(data.msg)
              } else {
                alert(data.msg)
              }
            }
          })
        })
  })
</script>

<script type="text/javascript">
  $(function () {
    var $btn = $("#logout");
    $btn.on(
        "click", function () {
          $.ajax({
            url: "/manage/user/do_logout.do",
            data: {
            },
            dataType: "json",
            type: "post",
            success: function (data) {
              if (data.success == true) {
                window.location.href = "/index.do";
              } else {
                alert(data.msg)
              }
            }
          })
        })
  })
</script>

</body>

</html>